<template>
	<div class="page404">
		<p>ooops! We are sorry,the page you are looking for does not exits!</p>
		<img class="picture" src="/images/404simple.png" alt="">
		<a class="back"  @click="back()">←Back</a>
	</div>
</template>

<script>
export default {
	name : 'page404',
	data () {
		return {};
	},
	methods:{
		back () {
			this.$router.back();
		}
	}
};
</script>

<style lang="less" scoped>

.page404{
	height:100vh;width: 100vw;background:#f0f0f0;
	display:flex;align-items: center;justify-content: center;flex-direction: column;
	/*段落 */
	p{
		font-size: 18px;font-weight: bold;padding:10px 0px;
		text-align: center;
	}
}

.picture{max-width: 90%;}

a.back{color:#fff;width:300px;padding:10px;background:#417ff0;border-radius:20px;text-align: center;margin-top: 20px;}


</style>

